<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 对象取值 </title>
</head>
<body>
    
</body>
</html>
<script>

   var obj = {
      a:1,
      name:"ccc"
    }
       //方法1 解构赋值es6       
     let {a} = obj
                    console.log(a)     //1
        //方法2 赋值一个变量
    var vla = obj.a
                    console.log(vla)   //1
        //方法3 循环取值
    for( var i in obj){
                    console.log(obj[i])//1 ccc 
    }


    //注意！如果key是一个变量的话 就不能使用.的方式来取 
    console.log(Object.keys(obj))      // ["a", "name"]
    //返回一个数组类型的数据 拿到对象中的键key
    console.log(Object.values(obj))    // [1, "ccc"]
    //返回一个数组类型的数据 拿到对象中的值value


    var obj1 = {
        name:'老王',
        age:18
    }
    console.log(obj1.name)             //老王
    //点的方式会特别方便
    console.log(obj1['age'])           //18


//如何获取JS对象的第一个键的值
    // 1 遍历对象，在第一个键值对的地方跳出来
    var form={user:'zhangsan',type:'vip'}

    var val=null;           //用来记录第一个键值对的值
        for(var key in form)
        {
            val=form[key];
            break;
        }
    console.log(val)  //zhangsan


    // 2.把对象转化为数组，然后用数组的下标取值
    console.log(Object.keys(form))      //["user", "type"]
    console.log(Object.values(form))    //["zhangsan", "vip"]
    console.log(Object.keys(form)[0])
    //输出  user
    console.log(form[Object.keys(form)[0]])
    //输出 zhangsan
</script>